<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/plantillas/defaultTemplate.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <!-- ======================================================================================================= -->
    <ui:define name="titulo">
        <h:outputText value="Campa&ntilde;a"/>
    </ui:define>
    <!-- ======================================================================================================= -->
    <ui:define name="acciones">
        <p:tab title="Campa&ntilde;a">
            <h:panelGrid columns="1" width="100%" border="0" cellpadding="0" cellspacing="0">
                <p:commandLink action="#{empleados$campania.guardarCampania$action()}" update="principalForm:panelAcciones principalForm:panelContenido principalForm:mensajes" styleClass="opcionMenu textoNormal" onmouseover="this.className='opcionMenu textonegrita';" onmouseout="this.className='opcionMenu textonormal';">
                    <p:graphicImage value="/resources/iconos/document-save.png"/>
                    <h:outputText value="Guardar campa&ntilde;a" styleClass="espacioTexto"/>
                </p:commandLink>
            </h:panelGrid>

            <h:panelGrid columns="1" width="100%" border="0" cellpadding="0" cellspacing="0">
                <p:commandLink styleClass="opcionMenu textoNormal" onmouseover="this.className='opcionMenu textonegrita';" onmouseout="this.className='opcionMenu textonormal';" update="principalForm:tablaPreevaluacion" oncomplete="dialogoEditar.show();" rendered="#{empleados$campania.accion eq 1}">
                    <p:graphicImage value="/resources/iconos/document-edit.png"/>
                    <h:outputText value="Editar campa&ntilde;a" styleClass="espacioTexto"/>
                </p:commandLink>
            </h:panelGrid>

            <h:panelGrid columns="1" width="100%" border="0" cellpadding="0" cellspacing="0" rendered="#{empleados$campania.accion eq 2}">
                <p:commandLink action="#{empleados$campania.cancelar$action()}" ajax="false" update="principalForm:panelAcciones principalForm:panelContenido principalForm:mensajes" styleClass="opcionMenu textoNormal" onmouseover="this.className='opcionMenu textonegrita';" onmouseout="this.className='opcionMenu textonormal';">
                    <p:graphicImage value="/resources/iconos/dialog-cancel.png"/>
                    <h:outputText value="Cancelar edici&oacute;n" styleClass="espacioTexto"/>
                </p:commandLink>
            </h:panelGrid>

        </p:tab>
        <p:tab title="Otras acciones">
            <h:panelGrid columns="1">
                <p:commandLink action="#{empleados$campania.inicio$action}" ajax="true" styleClass="opcionMenu textoNormal" onmouseover="this.className='opcionMenu textonegrita';" onmouseout="this.className='opcionMenu textonormal';">
                    <p:graphicImage value="/resources/iconos/application-exit.png"/>
                    <h:outputText value="Salir" styleClass="espacioTexto"/>
                </p:commandLink>
            </h:panelGrid>
        </p:tab>
    </ui:define>
    <!-- ======================================================================================================= -->
    <ui:define name="contenido">
        <p:spacer height="10" />
        <p:wizard showNavBar="true" showStepStatus="true" backLabel="Anterior" nextLabel="Siguiente">

            <p:tab id="tab0" title="Campa&ntilde;a">
                <p:spacer height="10" />
                <p:panel header="Datos de la campa&ntilde;a">
                    <table width="100%" border="0" cellpadding="2" >
                        <tr>
                            <td><h:outputText value="Nombre" style="font-weight: bold;" /></td>
                            <td colspan="3"><p:inputText id="campaniaNombre" value="#{empleados$campania.nombre}" size="120"/></td>
                        </tr>
                        <tr>
                            <td width="8%" ><h:outputText value="Fecha inicial" style="font-weight: bold;" /></td>
                            <td><p:calendar id="campaniaFechaInicial" value="#{empleados$campania.fechaInicial}" pattern="dd/MM/yyyy" showOn="button"/></td>
                            <td width="8%" ><h:outputText value="Fecha final" style="font-weight: bold;"/></td>
                            <td><p:calendar id="campaniaFechaFinal" value="#{empleados$campania.fechaFinal}" pattern="dd/MM/yyyy" showOn="button"/></td>
                        </tr>
                        <tr>
                            <td><h:outputText value="Periodo" style="font-weight: bold;" /></td>
                            <td colspan="3" ><h:outputLabel id="campaniaPeriodo" value="#{empleados$campania.periodo}"/></td>
                        </tr>
                    </table>
                </p:panel>
                <p:spacer height="10" />
            </p:tab>

            <p:tab id="tab1" title="Tipo de evaluaci&oacute;n">
                <p:spacer height="10" />
                <p:dataTable id="tablaTipoEvaluacion" rows="7" value="#{empleados$campania.tipoEvaluacionTableModel}" var="tipoEvaluacion" 
                             paginator="true" emptyMessage="No se han encontrado Tipos de Evaluaci&oacute;n." 
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" paginatorAlwaysVisible="true" rowsPerPageTemplate="5,10,25,50,100">
                    <f:facet name="header">
                        <h:outputText value="Tipos de evaluaci&oacute;n"/>
                    </f:facet>
                    <p:column headerText="C&oacute;digo" style="width: 8%;">
                        <h:outputText value="#{tipoEvaluacion.tipoEvaluacionPK.codTipoEvaluacion}"/>
                    </p:column>
                    <p:column headerText="Nombre" filterBy="#{tipoEvaluacion.nomTipoEvaluacion}" filterMatchMode="contains" >
                        <h:outputText value="#{tipoEvaluacion.nomTipoEvaluacion}"/>
                    </p:column>
                    <p:column headerText="Seleccionar" style="width: 8%;" >  
                        <p:commandButton image="#{ tipoEvaluacion eq  empleados$campania.tipoEvaluacionSeleccionada ? 'button-ok':'nuevo'}" update="principalForm:mensajes,principalForm:tablaTipoEvaluacion" title="Seleccionar" >
                            <f:setPropertyActionListener value="#{tipoEvaluacion}" target="#{empleados$campania.tipoEvaluacionSeleccionada}" />  
                        </p:commandButton>
                    </p:column>
                </p:dataTable>
                <p:spacer height="10" />
            </p:tab>

            <p:tab id="tab2" title="Plantilla">
                <p:spacer height="10" />
                <h:panelGrid columns="2" >
                    <h:outputLabel value="Tipo de Evaluación: " style="font-weight: bold;" />
                    <h:outputLabel value="#{empleados$campania.tipoEvaluacionSeleccionada.nomTipoEvaluacion}" />
                </h:panelGrid>
                <p:spacer height="5" />
                <p:dataTable id="tablaPlantillas" rows="7" value="#{empleados$campania.plantillaTableModel}" var="plantilla" paginator="true" emptyMessage="No se han encontrado planillas."
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" paginatorAlwaysVisible="true" rowsPerPageTemplate="5,10,25,50,100">
                    <f:facet name="header">
                        <h:outputText value="Plantillas"/>
                    </f:facet>
                    <p:column headerText="C&oacute;digo" style="width: 8%;" >
                        <h:outputText value="#{plantilla.plantillaPK.codPlantilla}"/>
                    </p:column>
                    <p:column headerText="Nombre" filterBy="#{plantilla.nombre}" filterMatchMode="contains" >
                        <h:outputText value="#{plantilla.nombre}"/>
                    </p:column>
                    <p:column headerText="Seleccionar" style="width: 8%;" >
                        <p:commandButton image="#{plantilla eq  empleados$campania.plantillaSeleccionada ? 'button-ok':'nuevo'}" update="principalForm:mensajes,principalForm:tablaPlantillas" title="Seleccionar">
                            <f:setPropertyActionListener value="#{plantilla}" target="#{empleados$campania.plantillaSeleccionada}" />  
                        </p:commandButton>
                    </p:column>
                </p:dataTable>
                <p:spacer height="10" />
            </p:tab>
        </p:wizard>
    </ui:define>
    <!-- ======================================================================================================= -->
    <ui:define name="dialogos">
        <p:dialog widgetVar="dialogoEditar" header="Editar campa&ntilde;a" draggable="true" resizable="false" modal="true" width="900">

            <p:spacer height="5" />
            <h:panelGrid columns="1">
                <h:outputLabel value="De clic en el bot&oacute;n seleccionar para la campa&ntilde;a que desea editar."/>
            </h:panelGrid>
            <p:spacer height="5" />
            <p:dataTable id="tablaPreevaluacion" value="#{empleados$campania.listaPreevaluaciones}" var="preevaluacion" rows="5" paginator="true" paginatorAlwaysVisible="true" pageLinks="5">
                <f:facet name="header">
                    <h:outputText value="Campa&ntilde;as existentes"/>
                </f:facet>
                <p:column headerText="C&oacute;digo">
                    <h:outputText value="#{preevaluacion.campania.campaniaPK.codCampania}"/>
                </p:column>
                <p:column headerText="Nombre " filterBy="#{preevaluacion.campania.nomCampania}" filterMatchMode="contains" >
                    <h:outputText value="#{preevaluacion.campania.nomCampania}"/>
                </p:column>
                <p:column headerText="Fecha inicio " filterBy="#{preevaluacion.campania.fechaInicial}" filterMatchMode="contains" >
                    <h:outputText value="#{preevaluacion.campania.fechaInicial}">
                        <f:convertDateTime pattern="dd/MM/yyyy" type="date"/>
                    </h:outputText>
                </p:column>
                <p:column headerText="Fecha fin " filterBy="#{preevaluacion.campania.fechaFinal}" filterMatchMode="contains" >
                    <h:outputText value="#{preevaluacion.campania.fechaFinal}">
                        <f:convertDateTime pattern="dd/MM/yyyy" type="date"/>
                    </h:outputText>
                </p:column>
                <p:column headerText="Seleccionar" style="width: 8%;">
                    <p:commandButton image="ui-icon ui-icon-circle-check" update="principalForm:panelAcciones,principalForm:panelContenido,principalForm:mensajes,principalForm:tablaPlantillas" oncomplete="dialogoEditar.hide();" title="Seleccionar" action="#{empleados$campania.editarCampania$action}" >
                        <f:setPropertyActionListener value="#{preevaluacion}" target="#{empleados$campania.preevaluacionSeleccionada}"/>
                    </p:commandButton>
                </p:column>
            </p:dataTable>
            <p:spacer height="5" />
            <h:panelGrid columns="1" >
                <p:commandButton value="Cancelar" image="ui-icon ui-icon-closethick" onclick="dialogoEditar.hide();"/>
            </h:panelGrid>

        </p:dialog>
    </ui:define>
</ui:composition>